import { createApp } from "vue";
import "./style.css";
import "./tagCanvas.min.js";
import App from "./App.vue";
import System from "./System.vue";
import Addform from "./Addform.vue";
axios.defaults.baseURL = import.meta.env.PROD
  ? "/api"
  : "http://localhost:8888/api";
import axios from "axios";
import "ant-design-vue/dist/antd.css";
import { createRouter, createWebHistory } from "vue-router";
import Lottery from "./Lottery.vue";

// 2. 定义一些路由
// 每个路由都需要映射到一个组件。
// 我们后面再讨论嵌套路由。
const routes = [
  { path: "/system", component: System },
  { path: "/", component: Lottery },
  { path: "/addForm", component: Addform },
];

// 3. 创建路由实例并传递 `routes` 配置
// 你可以在这里输入更多的配置，但我们在这里
// 暂时保持简单
const router = createRouter({
  // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
  history: createWebHistory(),
  routes, // `routes: routes` 的缩写
});

createApp(App).use(router).mount("#app");
